import { ContainerOutlined } from '@ant-design/icons';
import { Layout, Menu } from 'antd';
import React from 'react';
import RouterViwe from '../router/menuRouter'
const { Header, Content, Sider } = Layout;

const items = [
  { label: (<a href='#/menu/parta'>甲方管理</a>), key: '1', icon: <ContainerOutlined /> },
  { label: (<a href='#/menu/partb'>乙方管理</a>), key: '2', icon: <ContainerOutlined /> },
  { label: (<a href='#/menu/productname'>产品名称管理</a>), key: '3', icon: <ContainerOutlined /> },
  { label: (<a href='#/menu/productcolor'>产品颜色管理</a>), key: '4', icon: <ContainerOutlined /> },
  { label: (<a href='#/menu/productdirection'>产品方向管理</a>), key: '5', icon: <ContainerOutlined /> },
  { label: (<a href='#/menu/productlight'>产品光源管理</a>), key: '6', icon: <ContainerOutlined /> },
  { label: (<a href='#/menu/order'>新增订单</a>), key: '7', icon: <ContainerOutlined /> },
  { label: (<a href='#/menu/orderlist'>订单管理</a>), key: '8', icon: <ContainerOutlined /> },
]
export default function Menu1() {
  return (
    <Layout style={{ height: '100%' }}>
      <Header className="header" style={{ backgroundColor: '#0af' }}>
        <div className="logo" />
        <h2 style={{ color: '#fff' }}>灯管销售</h2>
      </Header>
      <Layout >
        <Sider
          width={200}
          style={{
            background: '#D3DCE6',
          }}
        >
          <div >
            <Menu
              defaultSelectedKeys={['1']}
              defaultOpenKeys={['sub1']}
              mode="inline"
              theme="light"
              items={items}
            />
          </div>
        </Sider>
        <Layout>
          <Content
            style={{
              padding: 24,
              margin: 0,
              minHeight: 280,
              background: '#E9EEF3',
            }}
          >
            <RouterViwe></RouterViwe>
          </Content>
        </Layout>
      </Layout>
    </Layout>
  )
}

